.lineNum-1 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: normal !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.lineNum-2 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: normal !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.lineNum-3 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: normal !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.lineNum-4 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: normal !important;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.size-68 {
    font-size: 68px;
}

.size-48 {
    font-size: 48px;
}

.size-40 {
    font-size: 40px;
}

.size-36 {
    font-size: 36px;
}

.size-34 {
    font-size: 34px;
}

.size-32 {
    font-size: 32px;
}

.size-30 {
    font-size: 30px;
}

.size-28 {
    font-size: 28px;
}

.size-26 {
    font-size: 26px;
}

.size-25 {
    font-size: 25px;
}

.size-24 {
    font-size: 24px;
}

.size-22 {
    font-size: 22px;
}

.size-20 {
    font-size: 20px;
}

.size-18 {
    font-size: 18px;
}

.size-17 {
    font-size: 17px;
}

.size-16 {
    font-size: 16px;
}

.size-15 {
    font-size: 15px;
}

.size-14 {
    font-size: 14px;
}

.size-13 {
    font-size: 13px;
}

.size-12 {
    font-size: 12px;
}

.size-11 {
    font-size: 11px;
}

.size-10 {
    font-size: 10px;
}

.color-bf {
    color: #bfbfbf
}

.color-FED100{
    color:#FED100;
}

.color-000 {
    color: rgba(0, 0, 0, 1)
}

.color-000-85 {
    color: rgba(0, 0, 0, 0.85)
}

.color-000-65 {
    color: rgba(0, 0, 0, 0.65)
}

.color-000-45 {
    color: rgba(0, 0, 0, 0.45)
}

.color-000-25 {
    color: rgba(0, 0, 0, 0.25)
}

.color-111 {
    color: #111111;
}

.color-333 {
    color: #333333;
}

.color-666 {
    color: #666666;
}

.color-999 {
    color: #999999;
}

.color-79 {
    color: #797979;
}

.color-92 {
    color: #929292;
}

.color-fff {
    color: #FFFFFF;
}

.color-fff-90 {
    color: rgba(255, 255, 255, 0.9);
}

.color-fff-80 {
    color: rgba(255, 255, 255, 0.8);
}

.color-fff-75 {
    color: rgba(255, 255, 255, 0.75);
}

.color-fff-70 {
    color: rgba(255, 255, 255, 0.7);
}

.color-fff-60 {
    color: rgba(255, 255, 255, 0.6);
}

.color-fff-50 {
    color: rgba(255, 255, 255, 0.5);
}

.color-fff-40 {
    color: rgba(255, 255, 255, 0.4);
}

.color-fff-30 {
    color: rgba(255, 255, 255, 0.3);
}

.color-00FFB4{
    color:#00FFB4;
}

.color-bg-248DE-60 {
    background: rgba(36, 141, 232, 0.6);
}

.color-bg-7C9CD9-10 {
    background: rgba(124, 156, 217, 0.1)
}

.color-bg-23385B-60 {
    background: rgba(35, 56, 91, 0.6)
}

.color-bg-8168FF {
    background: #8168FF;
}

.color-FFBB44 {
    color: #FFBB44;
}

.color-bg-2CFFBE {
    background: #2CFFBE;
}

.color-bg-FFCA62 {
    background: #FFCA62;
}

.color-353A56 {
    color: #353A56;
}

.color-22EBFE {
    color: #22EBFE
}

.color-FFC230 {
    color: #FFC230
}

.color-7C9CD9 {
    color: #7C9CD9
}

.color-A0CAFF {
    color: #A0CAFF
}

.color-24FFBD {
    color: #24FFBD
}

.color-00D2FF {
    color: #00D2FF
}

.color-0EFEB5 {
    color: #0EFEB5;
}

.color-FFE230 {
    color: #FFE230;
}

.color-C1D3ED {
    color: #C1D3ED
}

.color-2EF3C7 {
    color: #2EF3C7
}

.color-60ECFF {
    color: #60ECFF
}

.color-65FFF5 {
    color: #65FFF5;
}

.color-FFCA62 {
    color: #FFCA62;
}

.color-D1FEE4 {
    color: #D1FEE4;
}

.color-FF9D9D {
    color: #FF9D9D;
}

.color-F86174 {
    color: #F86174;
}

.color-FFEB9E {
    color: #FFEB9E;
}

.color-535455 {
    color: #535455
}

.color-427EF8 {
    color: #427EF8
}

.color-bg-60ECFF {
    background: #60ECFF
}

.color-2B486E {
    color: #2B486E
}

.color-24FFBD {
    color: #24FFBD
}

.color-B0C9F9 {
    color: #B0C9F9
}

.color-52F2B1 {
    color: #52F2B1
}

.color-FEC12F {
    color: #FEC12F
}

.color-CBECFF {
    color: #CBECFF
}

.color-1890FF {
    color: #1890FF
}

.color-52C41A {
    color: #52C41A;
}

.color-4FEBC3 {
    color: #4FEBC3;
}

.color-A4FFFB {
    color: #A4FFFB;
}

.color-3C3E54 {
    color: #3C3E54;
}

.color-3C3766 {
    color: #3C3766;
}

.color-F1BC37 {
    color: #F1BC37;
}

.color-E8EBFF {
    color: #E8EBFF;
}

.color-BDE9EC {
    color: #BDE9EC;
}

.color-A4FFFB-85 {
    color: rgba(164, 255, 251, 0.85);
}

.color-bg-60ECFF {
    background: #60ECFF
}

.color-bg-4FEBC3 {
    background: #4FEBC3;
}

.color-bg-24FFBD {
    background: #24FFBD
}

.color-bg-00D2FF {
    background: #00D2FF
}

.color-bg-4E5680 {
    background: #4E5680;
}

.color-bg-24FFBD-30 {
    background: rgba(36, 255, 189, 0.3)
}

.color-bg-E8 {
    background: #E8E8E8
}

.color-002C32 {
    color: #002C32;
}

.color-00D1FE {
    color: #00D1FE;
}

.color-E6CB16 {
    color: #E6CB16;
}

.color-60FFB2 {
    color: #60FFB2;
}

.color-C3770A {
    color: #C3770A;
}

.color-F44336{
    color:#F44336;
}

.color-bg-line {
    background: #E9E9E9;
}

.color-bg-FFF {
    background: #FFFFFF
}

.color-bg-F6FFED {
    background: #F6FFED;
}

.color-bg-1890FF {
    background: #1890FF;
}

.color-bg-0063FF-05 {
    background: rgba(0, 99, 255, 0.05);
}

.margin-top-120 {
    margin-top: 120px;
}

.margin-top-12 {
    margin-top: 12px;
}

.margin-top-15 {
    margin-top: 15px;
}

.margin-top-5 {
    margin-top: 5px;
}

.margin-top-10 {
    margin-top: 10px;
}

.margin-top-50 {
    margin-top: 50px;
}

.margin-top-40 {
    margin-top: 40px;
}

.margin-top-30 {
    margin-top: 30px;
}

.margin-top-30 {
    margin-top: 30px;
}

.margin-left-15 {
    margin-left: 15px;
}

.margin-left-5 {
    margin-left: 5px;
}

.margin-left-8 {
    margin-left: 8px;
}

.margin-left-10 {
    margin-left: 10px;
}

.margin-left-20 {
    margin-left: 20px;
}

.margin-left-30 {
    margin-left: 30px;
}

.margin-left-40 {
    margin-left: 40px !important;
}

.margin-left-20 {
    margin-left: 20px !important;
}

.margin-right-20 {
    margin-right: 20px !important;
}

.margin-right-5 {
    margin-right: 5px;
}

.margin-right-10 {
    margin-right: 10px;
}

.margin-right-15 {
    margin-right: 15px;
}


.margin-right-30 {
    margin-right: 30px;
}

.margin-right-40 {
    margin-right: 40px !important;
}

.margin-bottom-15 {
    margin-bottom: 15px;
}

.margin-bottom-20 {
    margin-bottom: 20px;
}

.margin-bottom-25 {
    margin-bottom: 25px;
}


.margin-bottom-30 {
    margin-bottom: 30px;
}

.margin-h-15 {
    margin-left: 15px;
    margin-right: 15px;
}

.margin-h-20 {
    margin-left: 20px;
    margin-right: 20px;
}

.padding-h-5 {
    padding-left: 5px;
    padding-right: 5px;
}


.padding-h-10 {
    padding-left: 10px;
    padding-right: 10px;
}

.padding-15 {
    padding-left: 15px;
    padding-right: 15px;
}

.padding-h-15 {
    padding-left: 15px;
    padding-right: 15px;
}

.padding-h-50 {
    padding-left: 50px;
    padding-right: 50px;
}

.padding-50 {
    padding: 50px;
}

.padding-30 {
    padding: 30px;
}

.padding-right-20 {
    padding-right: 20px !important;
}

.padding-20-30 {
    padding: 20px 30px;
}

.bold {
    font-weight: bold;
}

.center {
    align-items: center;
    justify-content: center;
}

.flex-1 {
    display: flex;
    flex: 1;
}

.flex {
    display: flex;
}

.flex-row,
.flex-row-center {
    display: flex;
    flex-direction: row;
}

.flex-row-center {
    align-items: center;
}

.flex-row-end {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.u-flex-end {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
}

.flex-col,
.u-flex-col-center {
    display: flex;
    flex-direction: column;
}

.flex-column {
    display: flex;
    flex-direction: column;
}

.u-flex,
.u-flex-between,
.u-flex-center {
    display: flex;
    flex-direction: row;
    align-items: center;
    word-break: break-all;
    word-wrap: break-word;
}

.u-row-between,
.u-flex-between {
    justify-content: space-between;
}

.justify-content-around {
    justify-content: space-around;
}

.justify-content-between {
    justify-content: space-between;
}

.u-flex-center {
    justify-content: center;
}

.u-flex-col-center {
    align-items: center;
    justify-content: center;
}

.hover {
    opacity: 0.6;
}

.mShadow {
    background-color: #FFFFFF;
    border-radius: 5px;
    box-shadow: 3px 3px 15px 2px rgba(0, 0, 0, 0.1);
}

.common-border {
    border: 1px solid #EEEEEE;
}

.common-border-right {
    border-right: 1px solid #EEEEEE;
}

.common-border-top {
    border-top: 1px solid #EEEEEE;
}

.common-border-bottom {
    border-bottom: 1px solid #EEEEEE;
}

.common-margin-v-15 {
    margin-top: 15px;
    margin-bottom: 15px;
}

.overflow {
    overflow: hidden;
}

.overflow-hidden {
    overflow: hidden;
}

.overflow-auto {
    overflow: auto;
}

.wrap {
    flex-wrap: wrap;
}

.z-index1 {
    z-index: 1;
}

ul, li {
    list-style: none;
}

i, em {
    font-style: normal
}

.cursor_pointer {
    cursor: pointer;
}

.title {
    color: #ffffff;
    font-size: 24px;
    font-weight: bold;
}

.transparent-bg {
    background: rgba(3, 34, 64, 0.5);
}

/*右三角*/
.triangle {
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 12px solid transparent;
    border-left: 12px solid #19ACF4;
}

.triangle-small {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid transparent;
    border-left: 10px solid #19ACF4;
}

.line-height-common {
    line-height: 28px;
}

.p-relative {
    position: relative;
}

.p-absolute {
    position: absolute;
}

.absolute-0 {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.fix-bottom-0 {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
}

.padding-20 {
    padding: 20px 20px;
}

.padding-40 {
    padding: 40px;
}

.drop .ant-select-selection {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.5);
    color: #ffffff;
}

.drop .ant-select-arrow {
    color: #ffffff;
}

.dropdownStyle .ant-select-dropdown-menu {
    background: #1F1F26;
    border: solid 1px #32323a;
}

.dropdownStyle .ant-select-dropdown-menu-item {
    color: #fff !important;
}

.dropdownStyle .ant-select-dropdown-menu-item:hover {
    background: #32323a;
}

.dropdownStyle .ant-select-dropdown-menu-item-selected {
    background: #32323a;
}

.dropdownStyle .ant-select-dropdown-menu-item-active {
    background: #32323a;
}

.party_bg {
    background: rgba(35, 56, 91, 0.6);
}

.line-h {
    width: 100%;
    height: 1px;
    opacity: 0.5;
    border: 1px solid;
    border-image: linear-gradient(270deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.2)) 1 1;
}

.d-flex {
    display: flex !important;
}

.height-100 {
    height: 100% !important;
}

.width-100 {
    width: 100%;
}

.width-60 {
    width: 60%;
}

.width-50 {
    width: 50%;
}

.width-20 {
    width: 20%;
}

.margin-top-20 {
    margin-top: 20px;
}

.text-align-left {
    text-align: left;
}

.text-align-right {
    text-align: right
}

.text-align-center {
    text-align: center
}

.padding-left-50 {
    padding-left: 50px;
}

.padding-left-20{
    padding-left: 20px;
}

.padding-right-50 {
    padding-right: 50px;
}

.padding-right-30 {
    padding-right: 30px;
}

.padding-top-40 {
    padding-top: 40px;
}

.margin-0-auto {
    margin: 0 auto !important;
}

.filter-common {
    margin-left: 0px !important;
    width: 65% !important
}

.main-bg {
    background-color: rgb(236, 239, 243)
}

.box-bg {
    background: rgba(95, 101, 136, 0.3);
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.d-inline-block {
    display: inline-block;
}

.detail-title {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.85);
    line-height: 24px;
    font-weight: bold;
}

.detail-title-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex: 1;
    margin-top: 14px;
}

.detail-title-label {
    width: 85px;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.85);
    line-height: 22px;
}

.detail-title-content {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.65);
    line-height: 22px;
}

.ff-pingfang {
    font-family: PingFangSC-Medium, PingFang SC;
}

.ff-helve {
    font-family: HelveticaNeue;
}

.ff-din {
    font-family: D-DIN-Bold, D-DIN;
}

.padding-left-30 {
    padding-left: 30px;
}

.patrol_box {
    height: 52px;
    background: linear-gradient(180deg, rgba(144, 213, 255, 0.2) 0%, rgba(205, 255, 206, 0.2) 100%);
    border-radius: 2px;
    border: 1px solid rgba(233, 245, 255, 0.6);
}

.flex1 {
    flex: 1;
}

.flex2 {
    flex: 2;
}

.flex3 {
    flex: 3;
}

.flex4 {
    flex: 4;
}


.progress-bg1 {
    background: linear-gradient(270deg, rgba(164, 255, 251, 1), rgba(164, 255, 251, 0));
}

.progress-dot1 {
    width: 12px;
    height: 12px;
    background: rgba(164, 255, 251, 0.4000);
    box-shadow: 0px 2px 4px 0px rgba(187, 215, 255, 0.4600);
    border-radius: 6px;
}

.progress-dot-inner1 {
    width: 8px;
    height: 8px;
    border-radius: 4px;
    background: #65FFF5;
    box-shadow: 0px 2px 4px 0px rgba(187, 215, 255, 0.4600);
}

.progress-bg2 {
    background: linear-gradient(270deg, rgba(209, 254, 228, 1), rgba(209, 254, 228, 0));
}

.progress-dot2 {
    width: 12px;
    height: 12px;
    background: rgba(209, 254, 228, 0.4000);
    box-shadow: 0px 2px 4px 0px rgba(187, 215, 255, 0.4600);
    border-radius: 6px;
}

.progress-dot-inner2 {
    width: 8px;
    height: 8px;
    border-radius: 4px;
    background: #D1FEE4;
    box-shadow: 0px 2px 4px 0px rgba(187, 215, 255, 0.4600);
}

.progress-bg3 {
    background: linear-gradient(270deg, rgba(255, 235, 158, 1), rgba(255, 235, 158, 0));
}

.progress-dot3 {
    width: 12px;
    height: 12px;
    background: rgba(255, 235, 158, 0.4000);
    box-shadow: 0px 2px 4px 0px rgba(187, 215, 255, 0.4600);
    border-radius: 6px;
}

.progress-dot-inner3 {
    width: 8px;
    height: 8px;
    border-radius: 4px;
    background: #D1FEE4;
    box-shadow: 0px 2px 4px 0px rgba(255, 235, 158, 0.4600);;
}

.progress-bg4 {
    background: linear-gradient(270deg, rgba(255, 157, 157, 1), rgba(255, 157, 157, 0));
}

.progress-dot4 {
    width: 12px;
    height: 12px;
    background: rgba(255, 157, 157, 0.4900);
    box-shadow: 0px 2px 4px 0px rgba(187, 215, 255, 0.4600);
    border-radius: 6px;
}

.progress-dot-inner4 {
    width: 8px;
    height: 8px;
    border-radius: 4px;
    background: #D1FEE4;
    box-shadow: 0px 2px 4px 0px rgba(187, 215, 255, 0.4600);
}


.progress-emergency-bg1 {
    background: linear-gradient(270deg, rgba(255, 53, 53, 1), rgba(255, 157, 157, 0));
}

.progress-emergency-dot1 {
    width: 12px;
    height: 12px;
    background: rgba(239, 58, 64, 0.4000);
    box-shadow: 0px 2px 4px 0px rgba(187, 215, 255, 0.4600);
    border-radius: 6px;
}

.progress-emergency-dot-inner1 {
    width: 8px;
    height: 8px;
    border-radius: 4px;
    background: #EF3A40;
    box-shadow: 0px 2px 4px 0px rgba(187, 215, 255, 0.4600);
}

.progress-emergency-bg2 {
    background: linear-gradient(270deg, rgba(250, 100, 0, 1), rgba(250, 100, 0, 0));
}

.progress-emergency-dot2 {
    width: 12px;
    height: 12px;
    background: rgba(240, 100, 9, 0.4000);
    box-shadow: 0px 2px 4px 0px rgba(187, 215, 255, 0.4600);
    border-radius: 6px;
}

.progress-emergency-dot-inner2 {
    width: 8px;
    height: 8px;
    border-radius: 4px;
    background: #F06409;
    box-shadow: 0px 2px 4px 0px rgba(187, 215, 255, 0.4600);
}

.progress-emergency-bg3 {
    background: linear-gradient(270deg, rgba(252, 219, 0, 1), rgba(252, 219, 0, 0));
}

.progress-emergency-dot3 {
    width: 12px;
    height: 12px;
    background: rgba(255, 235, 158, 0.4000);
    box-shadow: 0px 2px 4px 0px rgba(187, 215, 255, 0.4600);
    border-radius: 6px;
}

.progress-emergency-dot-inner3 {
    width: 8px;
    height: 8px;
    border-radius: 4px;
    background: #FCDB00;
    box-shadow: 0px 2px 4px 0px rgba(187, 215, 255, 0.4600);
}

.progress-emergency-bg4 {
    background: linear-gradient(270deg, rgba(45, 222, 254, 1), rgba(45, 222, 254, 0));
}

.progress-emergency-dot4 {
    width: 12px;
    height: 12px;
    background: rgba(45, 222, 254, 0.4000);
    box-shadow: 0px 2px 4px 0px rgba(187, 215, 255, 0.4600);
    border-radius: 6px;
}

.progress-emergency-dot-inner4 {
    width: 8px;
    height: 8px;
    border-radius: 4px;
    background: #2DDEFE;
    box-shadow: 0px 2px 4px 0px rgba(187, 215, 255, 0.4600);
}

.progress-bg {
    background-color: rgba(95, 101, 136, 0.4000);
    border-radius: 2px;
}

.commit-btn {
    height: 60px;
    justify-content: flex-end;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 250px;
    border-radius: 0;
    padding-right: 30px
}

.text-white, .white {
    color: #fff;
}

.sanjiao-sichuan {
    border-color: rgba(16, 39, 71, 0.8) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-style: solid;
    background-color: transparent;
    border-width: 10px 10px 0 10px;
    height: 0;
    width: 0;
}

.to-detail-btn {
    background: linear-gradient(90deg, #1ED5EE 0%, #248EE9 100%);
    border-radius:2px;
    height: 26px;
    width: 87px;
}

.flex-3 {
    flex: 3
}

.flex-2 {
    flex: 2
}

.font-weight-500 {
    font-weight: 500;
}
.sanjiao-right {
    width:0px;
    height:0px;
    border-left:7px solid #60ECFF;
    border-top:7px solid transparent;
    border-bottom:7px solid transparent;
}
.boxBg{
    background: rgba(84, 108, 149, 0.6);
    border: 1px solid;
    border-image: linear-gradient(to bottom, rgba(200, 200, 200, 0.4), rgba(107, 251, 255, 0.5)) 1 1;
    padding: 15px;
}
.titleStyle{
    background: linear-gradient(180deg, #FFD46D 0%, #FFA44E 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

@font-face{font-family: 'ds-digital';src:url('ds-digit.ttf');}
@font-face{font-family: 'DINCondensed';src:url('DINCondensed.ttf');}
.digital{
    font-family: 'ds-digital';
}
.DINCondensed{
    font-family: 'DINCondensed';
}